<template>
    <div class="top">
        <div class="left">
            <a-image v-if="row.businessCard.cover" :width="60" :src="imageUrl + row.businessCard.cover"></a-image>
           
        </div>
    </div>
    <div class="blank"></div>

    <div class="module">
        <div class="moduleTitle">内容</div>
        <div class="content">{{ row.businessCard.content }}</div>
    </div>
</template>

<script lang="ts" setup>

    const props = defineProps<{
        row? : any;
    }>()

    const imageUrl = import.meta.env.B_NET_STATIC_URL
</script>

<style lang="scss" scoped>

.top{
    display: flex;
    align-items: center;
    .left{
        flex: 1;
    }
}

.right{
    display: flex;
    align-items: center;
}


.blank{
    border-top: 1px dashed rgba(0, 0, 0, 0.15);
    margin: 20px auto;
}

.title{
    font-weight: 500;
    font-size: 20px;
    color: rgba(0, 0, 0, 1);
}

.ex{
    font-weight: 400;
    font-size: 14px;
    color: rgba(85, 85, 85, 1);
    margin-top: 15px;
}

.module{
    margin-top: 20px;
    &:first-of-type{
        margin-top: 0;
    }
    
    .moduleTitle{
        font-weight: 500;
        font-size: 18px;
        color: #000;
    }

    .content{
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        margin-top: 8px;
        color: rgba(48, 49, 51, 1);
        
    }
}

.amount{
    font-size: 24px;
    color: red;
    font-weight: bold;
}
    
</style>